.cw{
    .cankao{
        color:rgba(102,102,102,1);
        font-size: 14px;
        padding:15px;
        line-height: 1;
        background:rgba(255,247,247,1);
        border:1px solid rgba(229,229,229,1);
        margin-bottom: 10px;
    }
    .main{
        .left{
            width:196px;
            background:rgba(255,255,255,1);
            border:1px solid rgba(229,229,229,1);
            border-radius:10px;
            padding:0 19px 0px;
            height: 800px;
            overflow-y: scroll;
            .base{
                
                margin-top:32px;
                color:rgba(102,102,102,1);
                font-size: 14px;
                line-height: 1;
                border-bottom: 1px rgba(153,153,153,1) dashed; 
                padding-bottom: 9px;
                .color{
                    color:rgba(16,187,224,1);
                }
                a{
                    cursor: default;
                    width:100%;
                    display: flex;
                    span:nth-of-type(1){
                        flex: 1;   
                        margin-right: 2px;
                    }
                }
               
            
            
            }
        }
        .right{
            flex: 1;
            margin-left:16px;
            background:rgba(255,255,255,1);
            border-radius:10px 10px 0px 0px; 
            height: 800px;
            overflow-y: scroll;
            .block{
                margin-bottom: 33px;
                .title{
                    background:rgba(255,241,217,1);
                    font-size: 14px;
                    color:rgba(51,51,51,1);
                    padding:15px;
                    span{
                        border-left:4px solid rgba(29,226,85,1);
                        padding-left:17px;
                    }
                }
                .bdse1{
                    background:rgba(215,231,255,1);
                }
                .bgse2{
                    background:rgba(255,225,232,1);
                }
                .bgse3{
                    background:rgba(230,255,216,1);
                }
                .names{
                    padding:0 17px;
                    .name{
                        height: 58px;
                        border-bottom: 1px solid rgba(229,229,229,1);
                        .a{
                            color:rgba(102,102,102,1);
                            line-height: 58px;
                            font-size: 12px;
                            
                        }
                        .b{
                            flex: 1;
                        }
                        .c{
                            
                            width:82px;
                            height:26px;
                            background:rgba(212,244,244,1);
                            border:1px solid rgba(53,195,131,1);
                            border-radius:5px;
                            font-size: 12px;
                            line-height: 26px;
                            margin:17px 0 17px 17px;
                            text-align: center;
                        }
                        .d{
                            background:rgba(255,220,227,1);
                            border:1px solid rgba(247,104,132,1);

                        }
                        
                    }

                }
                
            } 
        }
    }
    }


// @media screen and (min-width: 1400px){
//     .cw{
//         .cankao{
//             color:rgba(102,102,102,1);
//             font-size: 18px;
//             padding:21px;
//             background:rgba(255,247,247,1);
//             border:1px solid rgba(229,229,229,1);
//             margin-bottom: 10px;
//         }
//         .main{
//             .left{
//                 width:240px;
//                 background:rgba(255,255,255,1);
//                 border:1px solid rgba(229,229,229,1);
//                 border-radius:10px;
//                 height: 800px;
//                 overflow-y: scroll;
//                 padding:0 19px 0px;
//                 .base{
//                     margin-top:39px;
//                     color:rgba(102,102,102,1);
//                     font-size: 20px;
//                     line-height: 1;
//                     border-bottom: 1px rgba(153,153,153,1) dashed; 
//                     margin-bottom: 39px;
//                     padding-bottom: 12px;
//                     .color{
//                         color:rgba(16,187,224,1);
//                     }
//                     span:nth-of-type(1){
//                         flex: 1;   
//                     }
                
                
//                 }
//             }
//             .right{
//                 flex: 1;
//                 margin-left:20px;
//                 background:rgba(255,255,255,1);
//                 border-radius:10px 10px 0px 0px;
//                 height: 800px;
//                 overflow-y: scroll;
//                 .block{
//                     margin-bottom: 40px;
//                     .title{
//                         background:rgba(255,241,217,1);
//                         font-size: 20px;
//                         color:rgba(51,51,51,1);
//                         padding:21px;
//                         span{
//                             border-left:4px solid rgba(29,226,85,1);
//                             padding-left:20px;
//                         }
//                     }
//                     .bdse1{
//                         background:rgba(215,231,255,1);
//                     }
//                     .bgse2{
//                         background:rgba(255,225,232,1);
//                     }
//                     .bgse3{
//                         background:rgba(230,255,216,1);
//                     }
//                     .names{
//                         padding:0 21px;
//                         .name{
//                             height: 72px;
//                             border-bottom: 1px solid rgba(229,229,229,1);
//                             .a{
//                                 color:rgba(102,102,102,1);
//                                 line-height: 72px;
//                                 font-size: 18px;
                                
//                             }
//                             .b{
//                                 flex: 1;
//                             }
//                             .c{
//                                 width:100px;
//                                 height:32px;
//                                 background:rgba(212,244,244,1);
//                                 border:1px solid rgba(53,195,131,1);
//                                 border-radius:5px;
//                                 font-size: 18px;
//                                 line-height: 32px;
//                                 margin:20px 0 20px 20px;
//                                 text-align: center;
//                             }
//                             .d{
//                                 background:rgba(255,220,227,1);
//                                 border:1px solid rgba(247,104,132,1);

//                             }
                            
//                         }

//                     }
                    
//                 } 
//             }
//         }
//     }
// }